<template>
  <div class="use-box scrllor">
    <mu-list>
      <mu-list-item v-for="(item,index) in orderList" :key="index">
        <mu-list-item-content>
          <mu-list-item-title>
            <span class="fleft">订单编号: {{item.ordernumber}}</span>
            <span class="fright money">¥{{item.ordergold}}</span>
          </mu-list-item-title>
          <mu-list-item-sub-title>
            <span class="fleft time">{{item.createTime}}</span>
            <span class="fright status">已支付</span>
          </mu-list-item-sub-title>
        </mu-list-item-content>
      </mu-list-item>
    </mu-list>
    <div v-show="nolist" class="nolist"><span class="iconfont icon-charging"></span><p>暂无充值记录</p> </div>
  </div> 
</template>

<script>
import { orderList } from "@/api/api";
export default {
  data() {
    return {
      nolist: true,
      orderList: []
    };
  },
  methods: {},
  created() {
    this.$api.orderList(1).then(res => {
      if (res.data.result!='') {
        console.log(res);
        this.nolist = false;
        this.orderList = res.data.result.data;
      }
    });
  }
};
</script>

<style>
</style>